<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			p{
			
			}
		</style>
	</head>
	<body>
		<p>
			变异方法，如名字所示，修改了原始数组。相比之下，也有非变异方法，
			如 filter(), concat() 和 slice()，不会修改原始数组而是返回一个新数组。
			在使用非变异方法时，可以直接用新数组替换旧数组：

			example1.items = example1.items.filter(function (item) {
			  return item.message.match(/Foo/)
			})
			可能你觉得这将导致 Vue.js 弃用已有 DOM 并重新渲染整个列表——幸运的是并非如此。
			 Vue.js 实现了一些启发算法，以最大化复用 DOM 元素，
			 因而用另一个数组替换数组是一个非常高效的操作。
		</p>
	</body>
	<script>
		
	</script>
</html>
